<extend name="Public:base" />
<block name="title"><title>心e购-会员登陆</title></block>
<block name="resources">
	<style>
		.area {
			margin: 20px auto 0px auto;
		}
		
		.mui-input-group {
			margin-top: 10px;
		}
		
		.mui-input-group:first-child {
			margin-top: 20px;
		}
		
		.mui-input-group label {
			width: 22%;
		}
		
		.mui-input-row label~input,
		.mui-input-row label~select,
		.mui-input-row label~textarea {
			width: 78%;
		}
		
		.mui-checkbox input[type=checkbox],
		.mui-radio input[type=radio] {
			top: 6px;
		}
		
		.mui-content-padded {
			margin-top: 25px;
		}
		
		.mui-btn {
			padding: 10px;
		}
		
		.link-area {
			display: block;
			margin-top: 25px;
			text-align: center;
		}
		
		.spliter {
			color: #bbb;
			padding: 0px 8px;
		}
		
		.oauth-area {
			position: absolute;
			bottom: 20px;
			left: 0px;
			text-align: center;
			width: 100%;
			padding: 0px;
			margin: 0px;
		}
		
		.oauth-area .oauth-btn {
			display: inline-block;
			width: 50px;
			height: 50px;
			background-size: 30px 30px;
			background-position: center center;
			background-repeat: no-repeat;
			margin: 0px 20px;
			/*-webkit-filter: grayscale(100%); */
			border: solid 1px #ddd;
			border-radius: 25px;
		}
		
		.oauth-area .oauth-btn:active {
			border: solid 1px #aaa;
		}
		
		.oauth-area .oauth-btn.disabled {
			background-color: #ddd;
		}
		.logo_box{
			padding-top: 20px;
			text-align: center;
		}
	</style>
</block>
<block name="body">
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">用户登录</h1>
	</header>
	<div class="mui-content">
		<div class="logo_box">
			<img src="__PUBLIC__/Wap/images/logo.png"/>
		</div>
		<form method="post">
			<input type="hidden" name="pm_sms" value="1"/>
			<div class="mui-content-padded bor-lr">
				<div class="mui-input-group">
					<div class="mui-input-row">
						<label>账号</label>
						<input type="text" class="mui-input-clear mui-input" name="uname" placeholder="请输入账号">
					</div>
					<div class="mui-input-row">
						<label>密码</label>
						<input type="password" class="mui-input-clear mui-input" name="upwd" placeholder="请输入密码">
					</div>
				</div>
			</div>
			<div class="mui-content-padded">
				<button class="mui-btn mui-btn-block mui-btn-xeg">登录</button>
				<div class="link-area acolor_box">
					<a href="/Wap/Member/register">注册账号</a><!-- <span class="spliter">|</span> <a href='/Wap/Member/forget'>忘记密码</a> -->
				</div>
			</div>
		</form>
	</div>
</block>